<template>
  <div>
      <ul>
          <li>
              <div class="line">
                  <img :src="head" alt="">
              </div>
              <div class="linea">
                  <p>{{heada}}</p>
                  <span>{{headb}}</span>
              </div>
          </li>
      </ul>
  </div>
</template>

<script>
export default {
props:["head","heada","headb"]
}
</script>

<style scoped>
    ul{
        width: 2.9rem;
        height: 0.8rem;
        margin: auto;
        display: flex;
        align-items: center;
    }
    li{
        width: 2.9rem;
        height: 0.54rem;
        display: flex;
        justify-content: space-between;
    }
    .line{
        width: 0.8rem;
        height: 0.53rem;
    }
    img{
        width: 0.8rem;
        height: 0.53rem;
    }
    .linea{
        width: 1.97rem;
        /* position: relative; */
    }
    .linea p{
        font-size: 0.14rem;
        font-weight: 600;
    }
    span{
        font-size: 0.1rem;
        display: block;
        margin-left: 1.1rem;
    }
</style>